<template>
	<view class="boxs">
		<u-popup v-model="flagg" mode="center" :closeable='true' :mask-close-able='false' border-radius="14"
			style="z-index: 9999;" width="90%">
			<view class="" style="position: relative;">
				<image src="https://web.78keji.cn/images/etc/etcbg.png" mode="widthFix" style="width: 100%;"></image>
				<view class="" style="position: absolute;margin-top: -400rpx;padding: 0 20rpx;">
					<view class="">
						<u-field v-model="mobile" label="授权手机号" :disabled=true placeholder="" maxlength="11">
						</u-field>
						<!-- <u-field v-model="sms" label="输入验证码" maxlength="6">
							<template v-slot:right>

								<u-button size="mini" type="default" @click='getCode'>{{getCodeText}}</u-button>



							</template>
						</u-field> -->
						<button type="primary" class="m_t_18" @tap="login">授权</button>
					</view>
				</view>
			</view>

		</u-popup>
		<u-popup v-model="showss" mode="center" width="80%" style="border-radius: 20rpx;">

			<image src="../../static/etc.png" mode="widthFix" style="width: 100%;"></image>

		</u-popup>
		<u-popup v-model="colorshow" mode="center" width="96%" >
			<view class="" style="border-radius: 24rpx;background-color: white;">
				<view class="" style="width: 100%;text-align: center;padding:26rpx 0 10rpx 0;border-bottom: 1px solid #E8E8E8;">
					点击车牌选颜色
				</view>
						
				<view class="columnx" >
				
					<view v-for="(item,index) in list " :key='index'>
				
						<image :src='item.images' mode="aspectFill" class="bracelet" @click="adx(item.id)"></image>
						<image src="https://web.78keji.cn/images/etc/checked.png" mode="widthFix"
							style="width:21rpx;position: absolute;margin-left: -20rpx;margin-top: 60rpx;" v-if="item.check">
						</image>
					</view>
				
				</view>
			</view>
			<view class="" style="width: 400rpx;margin: 0 auto;padding-top: 43rpx;">
				<u-button type="primary" @click="queding" shape="circle">确定</u-button>
			</view>


		</u-popup>
		<u-popup v-model="showx" mode="center" width="80%" height="70%" style="border-radius: 20rpx;">
			<view class="" style="padding: 20rpx;background-color: white">
				<view class="" style="text-align: center;font-size: 28rpx;font-weight: bold;">
					ETC泛在化场景用户协议条款
				</view>
				<view class="" style="margin-top: 20rpx;">
					本用户协议（以下简称“本协议”）是
					（本行名称全称）（以下简称“本行”）为自愿在本行办理开通ETC卡用户（以下简称“用户”或“您”）提供便捷的ETC泛在化场景应用功能等相关事项，就该项业务的办理与开通所订立的有效合约。
					本协议已对与您的权益有或可能具有重大关系的条款，及对本行具有或可能具有免责或限制责任的条款以粗体下划线予以标注，请您注意。您确认，您在使用本服务前，您已充分阅读、理解并接受本协议的全部内容，一旦您使用本服务，即表示您同意遵循本协议之所有约定。
					如果您对本协议条款有疑问，请通过本行客服渠道 进行询问，本行将向您解释条款内容。如果您不同意本协议的任意内容，或者无法准确理解本行对条款的解释，请不要进行后续操作。
					您通过现场签字确认或以其他方式选择接受本协议，即表示您与本行已达成协议并同意接受本协议的全部约定内容。
				</view>
				<p class="">
					一、定义
				</p>
				<p class="">
					1. ETC泛在化场景：是指除高速公路通行费缴纳外，其他使用ETC车载设备作为车辆身份识别并支付相关费用的应用场景，包括但不仅限于ETC停车、ETC加油、ETC洗车、ETC充电等应用场景。
				</p>
				<p class="">
					2.ETC支付服务：是指ETC泛在化场景应用下进行支付交易时直接使用ETC卡授权绑定的银行账户进行付款的服务。
				</p>

				<p class="">
					3.ETC发行机构：是指四川省唯一具有ETC发行资格的四川智能交通系统管理有限责任公司。
				</p>
				<p class="">
					4.清算机构：是指具有合法清算资格的中国银联股份有限公司。
				</p>
				<p class="">
					5.场景商户：开通了ETC支付服务的停车场、加油站、充电桩等ETC泛在化场景应用商户。
				</p>
				<p class="">
					二、双方的权利和义务
				</p>
				<p class="">
					1.您同意在ETC泛在化应用场景中开通ETC支付服务。
				<p>
				<p class="">
					2.您在开通ETC泛在化场景应用支付服务时，应保证使用您本人的ETC账户。否则因此给您造成的后果或损失均由您自行承担，包括但不限于冻结您的ETC账户及资金、从您的ETC账户扣除相应的款项等。
				</p>

				<p class="">
					3.您知悉并同意，根据ETC泛在化场景应用的需求，可能对车型/车辆信息进行限制。如本服务您的车型/车辆信息与允许代扣车型/车辆信息不符，将会扣款失败。由此导致您未能成功将资金转移至合作商户账户的，本行不承担任何责任。
				</p>

				<p class="">
					4.为确保您的交易安全，本行有权根据客观情况和风险控制将对您使用本服务时的支付场景、扣款渠道、交易额度及次数等进行限制，必要时对可疑交易进行拦截，您均予以理解和接受。
				</p>

				<p class="">
					5.您应妥善保管您的身份信息和ETC账户、银行卡号、支付服务账户、登录密码、支付密码、等账户信息。任何使用您绑定的ETC支付服务行为均视为您本人行为，本行对于按照收到的支付指令完成支付的行为不承担任何责任。
				</p>

				<p class="">
					6.您遗失银行卡或泄露ETC支付服务账户、支付密码或其他个人身份信息或账户信息，您应及时向本行提出挂失或修改密码等申请。您将自行承担因自己管理ETC相关信息及车载设备不善所造成的后果。
				</p>

				<p class="">
					7.您知悉并认可本行提供的途径查询账户的消费记录、交易及消费信息，并承认系统交易数据的记载方式及准确性。
				</p>

				<p class="">
					8.您同意授权本行、ETC发行机构以及相关必要第三方在ETC泛在化场景应用业务中开展ETC支付服务。
				</p>

				<p class="">
					9.您同意本行将ETC绑定的银行账户账号信息发送清算机构并完成ETC泛在化场景的消费扣款。
				</p>

				<p class="">
					10.您支付服务费用对应的发票及相关产品或服务单据等均由场景商户提供。关于上述支付服务所产生的争议或纠纷，由您与场景商户自行商议解决。
				</p>

				<p class="">
					11.本行有义务为您的ETC绑定的银行账户提供技术服务，确保账户安全、有效、正常运行，保证您顺利使用本协议约定的服务。有权根据自身业务的发展，增加、减少或撤销相关本服务内容，甚至终止本服务的提供，调整本服务内容及方式或者对本服务功能进行升级、维护和改造的权利，并不承担任何赔偿责任。如您不接受上述变更的，您应立即停止使用并终止本协议。一旦您继续使用本服务的，即视为您同意接受相应的变更或调整。
				</p>

				<p class="">
					12.除本协议另有规定外，本行在通过包括但不限于提前邮件通知、网站公告的等合理方式通知您的情况下，可以单方面终止向您提供本服务。并不承担任何赔偿责任。本公司在终止提供本服务后，若发现您之前存在违法或违反本协议目的的使用行为，给本行造成损失的，则本行仍可据此要求您承担相应赔偿责任并保留通过司法途径予以解决的权利。
				</p>

				<p class="">
					13.您理解并同意，如您不再使用本服务的，您可以通过“四川高速公路ETC”微信公众号关闭本服务。当您关闭本服务时，您将无法实现ETC泛在化场景应用支付。
				</p>

				<p class="">
					14.本行在您使用本服务期间或终止使用本服务后，有权保留您在使用本服务期间所形成的相关信息数据。同时，本行有权在法律法规或您授权的范围内使用该等交易数据，以供后续向您持续性地提供相应服务（包括但不限于将本信息用于向您推广、提供其他更加优质的产品或服务）。
				</p>
				<p class="">
					三、违约责任
				</p>

				<p class="">
					1.如果本行根据本服务协议或其他在您和本行之间具有约束力的协议的约定，基于您的不当、违规或禁止行为对您的本行账户暂停或终止提供本行服务的，则ETC泛在化场景应用支付服务将同时暂停或终止，该等暂停或终止不视为本行的违约。
				</p>
				<p class="">
					2.因您违反本协议或相关服务条款的规定，导致或产生第三方主张的任何索赔、要求或损失，相关责任由您自行承担;本行因此遭受损失的，您也应当一并赔偿，除非该等损失是由本行的故意或者重大过失造成的。
				</p>

				<p class="">
					四、争议解决
				</p>

				<p class="">
					双方在履行本协议的过程中，如发生争议，应协商解决。协商不成的，任何一方均可向本行所地有管辖权的人民法院提起诉讼。
				</p>

			</view>
		</u-popup>
		<u-popup v-model="shows" mode="center" width="80%" height="70%" style="border-radius: 20rpx;">
			<view class="" style="padding: 20rpx;background-color: white">

				<view class="" style="text-align: center;font-size: 28rpx;font-weight: bold;">
					ETC泛在化场景业务隐私政策
				</view>
				<view class="" style="margin-top: 20rpx;">
					受四川省交通运输厅高速公路管理局的委托，四川智能交通系统管理有限责任公司负责搭建四川ETC泛在化场景应用业务平台，该业务已开通运营。我们致力于保护您通过“四川高速公路ETC”微信公众号开通该业务时所提供的私隐、私人资料以及个人的资料(统称“个人资料”)，使我们在收集、使用、储存和传送个人资料方面符合
					(与个人资料私隐有关的法律法规)及消费者保护方面的最高标准。 为确保您对我们在处理个人资料上有充分信心，您切要详细阅读及理解隐私政策的条文。
				</view>
				<p class="">
					特别是您一旦使用我们的业务验证功能，将被视为接受、同意、承诺和确认；您在自愿下连同所需的同意向我们披露个人资料；您会遵守本隐私政策的全部条款和限制；您在我们的业务平台上作登记、资料会被收集；您同意日后我们对隐私政策的任何修改；被收集的个人资料的种类经您的同意，我们会收集、管理和监控个人资料。
				</p>
				<p class="">

					基于为您提供本服务，您理解并同意授权我司可以收集、存储、使用、加工、向您的金融卡所属银行传输等方式处理您的车牌号等相关信息，且同意并授权您的金融卡所属银行可根据我司提供的您的车牌号查询您的预留手机号并发送验证码，以便校验您的身份。您需要提供个人资料信息，其中包括个人资料和不具名的资料，包括但不限于：个人资料（您的姓名、电话号码、车牌号码、ETC设备信息）。
				</p>
				<p class="">
					收集个人资料及不具名的资料的目的及用途如下:
					通过我们的微信公众号向您提供我们的ETC泛在化场景应用业务信息验证服务；当您使用我们的微信公众号时，能辨认以及确认您的身份；让您使用我们的微信公众号时得到为您而设的服务；我们的服务人员有需要时可以与您联系；
					统计我们微信公众号使用量的数据；让您在使用我们微信公众号时更方便；为改进我们的产品、服务及微信公众号内容而进行市场研究调查；为我们搞的活动、市场销售和推广计划收集资料；遵守法律、政府和监管机关的规定，包括但不限于对个人资料披露及通知的规定；您提供给我们的个人资料及不具名资料，只保留到搜集的目的已达到的时候，除非应适用的法律法规之规定而继续保留。
					个人资料的拥有权及披露在我们网站上所搜集的一切资料都由我们所拥有，不会出租或出售给任何无关的第三方。
				</p>

				<p class="">
					您有权：
					查询我们是否持有您的任何个人资料；接达我们所持有的您的个人资料；要求我们更正任何不正确的个人资料；不时地征询有关我们所持有的个人资料的性质，政策和执行方法；然而在法律允许的极端有限的情况下，我们可以不允许您接达您的个人资料，例如：如您接达及得到您个人资料可能会对您有危险；当您的个人资料可能会影响一项正在进行的调查；当您的个人资料涉及到法庭程序，并且可能受到发现的限制；当您的个人资料涉及一项商业上敏感的决策过程；当另外一個人的个人资料也包含在同一份记录中；若您欲接达或更正个人资料，或索取有关个人资料的政策、执行方法和被持有的个人资料的种类，应致函到我们的下列的地址；要求接达或更正资料可能要付合理的处理费用；安全保管您的密码，除了我们致力确保您的个人资料存放和处理的安全外，您不应向任何人披露您的登录密码或帐户资料，以保护您的个人资料。
				</p>
				<p class="">
					每当您登录我们的微信公众号时，尤其是当您使用他人的电脑或者是公共的互联网终端机时，务必操作完毕后点击退出以保护您个人信息及账号安全，否则因此导致您账户信息泄露产生的损失由您自行承担。
				</p>
				<p class="">
					您的努力和协助对于我们保护您的个人资料绝对有帮助。
				</p>
				<p class="">
					隐私政策的修改：本隐私政策可以不时(无需事先向您通知)被修改。任何对隐私政策的修改都会刊登在“四川高速公路ETC”微信公众号上。
				</p>

			</view>
		</u-popup>


		<view class="plate">
			请输入您的车牌
		</view>
		<view class="" style="padding: 24rpx;">
			<keyboard-plate ref="plateNumber" :hobby="hobby" :plateNum.sync='plateNum' @change="getPlateNum"
				class="keyboard" isShow></keyboard-plate>
		</view>
		<view class="d_f j_c_s_b a_i_c" style="padding-right: 20rpx;">
			<view class="plate">
				请选择车牌颜色
			</view>
			<view class="d_f a_i_c" style="color: #1C1C1C;padding: 20rpx 22rpx 0 22rpx;" @click="colorshow=true" v-if="colors==''">
				请选择
				<image src="https://web.78keji.cn/images/etc/changes.png" mode="widthFix" style="width: 14rpx;margin-left: 17rpx;"></image>
			</view>
			<view class="d_f a_i_c" style="color: #1C1C1C;padding: 20rpx 22rpx 0 22rpx;" v-else @click="colorshow=true">
				已选择{{colors}}<image src="https://web.78keji.cn/images/etc/changes.png" mode="widthFix" style="width: 14rpx;margin-left: 17rpx;"></image>
			</view>
		</view>
		<view class="plate" style="margin-top: 10rpx;">
			填写绑定车牌手机号收到的验证码
		</view>
		<view class="d_f " style="align-items: center;margin: 30rpx 0;">
			<view class="">

			</view>
			<u-message-input mode="bottomLine" font-size="30rpx" @finish="finish"></u-message-input>
			<u-button size="mini" :disabled="disabled" slot="right" type="primary"
				@click="getCodex">{{getCodeText}}</u-button>

		</view>






		<view class="" style="z-index: 888;" v-if="pu==true">
			<ads onClose="onClose" onAdError='onAdError' onInsuranceStatus='onInsuranceStatus' onSuccess="onSuccess">
			</ads>
		</view>

		<view class="" style="width: 100%;text-align: center;padding: 0 20rpx;margin-top: 40rpx;">
			<!-- 	<image src="https://web.78keji.cn/images/etc/btn@3x.png" mode="widthFix" style="width: 100%;margin: 0 auto;margin-top: 40rpx;"
				class="plate" > -->
			<u-button type="primary" @click="clcpic" style="" v-if="flagd">授权去领车险</u-button>
			</image>
		</view>
		<view class="boss">
			<u-checkbox-group>
				<u-checkbox v-model="checked" shape="circle"></u-checkbox>
			</u-checkbox-group>

			<view class="" style="font-size: 19rpx;">
				<text>我同意四川智能交通系统管理有限责任公司使用我所提交的信息用于在ETC泛在化场景开通ETC支付服务。ETC泛在化场景包括但不仅限ETC停车、ETC加油、ETC洗车、ETC充电等应用场景。查看</text>
				<text style="color:#21A3FF ;" @tap="showx=true">
					《ETC泛在化场景用户协议条款》
				</text>
				<text>和</text>
				<text style="color:#21A3FF ;" @tap="shows=true">
					《ETC泛在化场景应用业务隐私政策》
				</text>
			</view>


		</view>
		<view class="" style="height: 180rpx;">

		</view>
		<view class=""
			style="opacity: 0;position: fixed;bottom: 0;width: 100%;height: 190rpx;background: white;z-index:999;padding: 20rpx"
			v-if="flags" @click="closex">
			<view class="d_f j_c_c a_i_c f_c_c"
				style="background: #21A3FF;height: 90rpx;border-radius: 45rpx;color: white;">
				勾选领权益，得5元话费券
			</view>
		</view>
		<u-modal v-model="show" :content="content" :show-title='false' :show-cancel-button='true' confirm-text='参与其他活动'
			@confirm="confirm"></u-modal>
	</view>

</template>

<script>
	import {
		getip,
		getUrl,
		subOrder,
		getPhonetype,
		etcpx,
		getcode,
		getvalid,
		logs
	} from "../../api/index.js"
	export default {
		data() {
			return {
				hobby: '',
				colorshow: false,
				spaceCode: "",
				pu: true,
				codex: "",
				transactionId: '', //订单号
				getCodeText: '获取验证码',
				getCodeBtnColor: "#ffffff",
				sms: '',
				disabled: false,
				flagg: false,
				flagd: false,
				flags: true,

				content: '抱歉，您还不是四川省ETC用户！',
				show: false,
				showx: false,
				shows: false,
				checked: false,
				a: '',
				param: "",
				mobile: '',
				id: '',
				orderNo: "", //订单号
				adst: 0, //信封显示与否
				url: "",
				list: [{
						images: "https://web.78keji.cn/images/etc/bulue.png",
						check: false,
						id: '0',
						color:'蓝色'
					},
					{
						images: "https://web.78keji.cn/images/etc/jblv.png",
						check: false,
						id: '4',
						color:'渐变绿色'
					},
					{
						images: "https://web.78keji.cn/images/etc/yellow.png",
						check: false,
						id: '1',
						color:'黄色'
					},
					{
						images: "https://web.78keji.cn/images/etc/black.png",
						check: false,
						id: '2',
						color:'黑色'
					},
					{
						images: "https://web.78keji.cn/images/etc/white.png",
						check: false,
						id: '3',
						color:'白色'
					},
					{
						images: "https://web.78keji.cn/images/etc/green.png",
						check: false,
						id: '11',
						color:'绿色'
					},
					{
						images: "https://web.78keji.cn/images/etc/red.png",
						check: false,
						id: '12',
						color:'红色'
					},
					{
						images: "https://web.78keji.cn/images/etc/yls.png",
						check: false,
						id: '5',
						color:'黄绿双拼色'
					},
					{
						images: "https://web.78keji.cn/images/etc/bw.png",
						check: false,
						id: '6',
						color:'蓝白渐变色'
					},

				],
				colors:'',
				plateNum: '',
				platevalue: '',
				first: false, //第一次授权获取验证码结果
				changex: 0
			};
		},


		watch: {
			platevalue(newVal, oldVal) {

				console.log(newVal.value)
				if (newVal.value.length > 6 && this.codex.length > 3) {
					this.flags = false
				}
			},
			codex(newVal) {
				if (newVal.length > 3 && this.platevalue != '') {
					this.flags = false
				}
			}
		},
		onShow() {
			getcode({
				a: my.getStorageSync({
					key: 'a'
				}).data,
				xcx: 3
			}).then((res) => {
				this.spaceCode = res.data.spaceCode
				logs({
					a: my.getStorageSync({
						key: 'a'
					}).data,
					eventType: 4,
					xcx: 3,
					spaceCode: this.spaceCode,
					deviceid: my.getStorageSync({
						key: 'deviceid'
					}).data
				}).then((res) => {

				})
			})
		},
		onLoad(option) {

			this.$scope.onSuccess = this.onSuccess.bind(this)
			this.$scope.onClose = this.onClose.bind(this)
			this.$scope.onInsuranceStatus = this.onInsuranceStatus.bind(this)
			this.$scope.onAdError = this.onAdError.bind(this)

			if (option.param) {
				this.param = option.param
				uni.setStorageSync('param', option.urlCode)
			}
			if (option.a) {
				uni.setStorageSync('a', option.a)
				this.a = option.a
				const formDatax = new FormData();

				formDatax.append('a', uni.getStorageSync('a'));
				fetch('https://www.sx2b2c.com/api/dhk3000/getAdUrl', {
						method: 'post',
						body: formDatax
					})
					.then(response => response.json())
					.then(data => {
						console.log(data)
						this.adst = data.data.adst
						this.url = data.data.url1 //信封跳转地址


					})
					.catch(error => console.error(error));


			}
		},
		methods: {
			queding(){
				for (var i in this.list) {
					if (this.list[i].check == true) {
						this.id = this.list[i].id
						this.colors=this.list[i].color
					}
				}
				if (this.id == '') {
					uni.hideLoading()
					uni.showToast({
						title: '请选择车牌颜色',
						icon: 'none', //将值设置为 success 或者 ''
						duration: 2000 //持续时间为 2秒
					})
				} else{
					this.colorshow=false
				}
			},
			finish(e) {
				this.codex = e
			},
			getCodex() {
				uni.showLoading({
					title: "请稍等",
					mask: true
				})
				console.log(this.platevalue)
				if (this.platevalue.value) {
					if (this.platevalue.value != '') {
						for (var i in this.list) {
							if (this.list[i].check == true) {
								this.id = this.list[i].id
							}
						}
						if (this.id == '') {
							uni.hideLoading()
							uni.showToast({
								title: '请选择车牌颜色',
								icon: 'none', //将值设置为 success 或者 ''
								duration: 2000 //持续时间为 2秒
							})
						} else {
							etcpx({
								vehicleColor: this.id,
								vehiclePlate: this.platevalue.value
							}).then((res) => {
								uni.hideLoading()
								console.log(res)
								uni.hideLoading()
								if (res.data != '' && res.data != null) {
									this.disabled = true
									this.mobile = res.data.phone
									this.transactionId = res.data.transactionId

									this.getCodeText = "发送中..." //发送验证码
									this.getCodeisWaiting = true;
									setTimeout(() => {
										//this.$common.msg('验证码已发送')
										uni.showToast({
											title: '验证码已发送',
											icon: "none"
										}); //弹出提示框
										this.setTimer(); //调用定时器方法
									}, 1000)
									// this.flagg = true
									this.first = true
								} else {
									this.content = res.msg
									// uni.showToast({
									// 	title:res.msg,
									// 	icon: "none"
									// }); 
									this.show = true
								}

							}).catch((err) => {
								console.log(err)
								this.show = true
								uni.hideLoading()
								this.first = false

							})
						}


					} else {
						uni.hideLoading()
						uni.showToast({
							title: '请输入正确的车牌',
							icon: 'none', //将值设置为 success 或者 ''
							duration: 2000 //持续时间为 2秒
						})
					}
				} else {
					uni.hideLoading()
					uni.showToast({
						title: '请输入正确的车牌并确定',
						icon: 'none', //将值设置为 success 或者 ''
						duration: 2000 //持续时间为 2秒
					})
				}

			},
			onAdError() {



				console.log('错误')
				this.flagd = true
				this.changex = 1

			},
			onSuccess() {
				console.log('成功88888888')
				logs({
					a: my.getStorageSync({
						key: 'a'
					}).data,
					eventType: 3,
					xcx: 3,
					spaceCode: this.spaceCode,
					deviceid: my.getStorageSync({
						key: 'deviceid'
					}).data,
				}).then((res) => {
					console.log(res)
				})
			},
			confirm() {
				uni.navigateTo({
					url: '/pages/tyunit/tyunit?a=' + my.getStorageSync({
						key: 'a'
					}).data
				})
			},
			login() {
				if (this.transactionId == '') {
					uni.showToast({
						icon: 'none',
						title: '验证码错误',
						duration: 2000
					});
				} else {
					uni.showLoading({
						title: "授权中",
						mask: true
					})
					getvalid({
						vehicleColor: this.id,
						vehiclePlate: this.platevalue.value,
						transactionId: this.transactionId,
						authCode: this.codex
					}).then((res) => {
						uni.hideLoading()
						uni.navigateTo({
							url: '/pages/result/result?changes=' + this.changex
						})
						this.flagg = false
					}).catch((err) => {
						console.log(err)
						uni.hideLoading()
						this.content = err.data.msg
						this.show = true
						this.flagd = true
						uni.showToast({
							title: err.data.msg,
							icon: 'none', //将值设置为 success 或者 ''
							duration: 2000 //持续时间为 2秒
						})
					})
				}

			},
			getCode() {
				console.log(this.getCodeText.indexOf("重新") != -1)
				if ((this.getCodeText.indexOf("重新") != -1) == true) {

				} else {
					uni.showLoading({
						title: "发送中",
						mask: true
					})
					etcpx({
						vehicleColor: this.id,
						vehiclePlate: this.platevalue.value
					}).then((res) => {
						uni.hideLoading()
						this.getCodeisWaiting = true;
						setTimeout(() => {

							this.setTimer(); //调用定时器方法
						}, 1000)


					}).catch((err) => {

						uni.hideLoading()
					})
				}


				//示例用定时器模拟请求效果
				//setTimeout(()用于在指定的毫秒数后调用函数或计算表达式

			},
			setTimer() {
				let holdTime = 60; //定义变量并赋值
				this.getCodeText = "重新获取60"
				//setInterval（）是一个实现定时调用的函数，可按照指定的周期（以毫秒计）来调用函数或计算表达式。
				//setInterval方法会不停地调用函数，直到 clearInterval被调用或窗口被关闭。
				this.Timer = setInterval(() => {
					if (holdTime <= 0) {
						this.disabled = false
						this.getCodeisWaiting = false;
						this.getCodeBtnColor = "#ffffff";
						this.getCodeText = "获取验证码"
						clearInterval(this.Timer); //清除该函数
						return; //返回前面
					}
					this.getCodeText = "重新获取" + holdTime
					holdTime--;
				}, 1000)
			},
			onClose() {
				// this.flagg=true
				// this.onInsuranceStatus()
				console.log("广告关闭")
				this.flagd = true
				this.changex = 1
			},
			onInsuranceStatus() {
				uni.showLoading({
					title: "",
					mask: true
				})
				this.pu = false
				console.log("投保成功")

				this.login()
			},
			closex() {

				if (this.platevalue == '') {
					uni.showToast({
						icon: 'none',
						title: '请输入车牌',
						duration: 2000
					});
				} else if (this.checked == false) {
					uni.showToast({
						icon: 'none',
						title: '请勾选协议条款',
						duration: 2000
					});
				} else if (this.codex == '') {
					uni.showToast({
						icon: 'none',
						title: '请获取验证码',
						duration: 2000
					});
				}
			},
			changes() {
				// 在这里编写处理点击事件的逻辑
				window.location.href = this.url
			},
			adx(e) {
				console.log(e)
				this.hobby = e
				for (var i in this.list) {
					if (e == this.list[i].id) {
						this.list[i].check = true
					} else {
						this.list[i].check = false
					}
				}

			},

			//获取订单号

			//获取车牌
			getPlateNum(e) {

				this.platevalue = e
				this.checked = true
				console.log(this.platevalue.value)
			},

			clcpic() {
				if (this.transactionId == '') {
					uni.showToast({
						icon: 'none',
						title: '验证码错误',
						duration: 2000
					});
				} else {
					if (this.first == false) {
						this.show = true
					} else {
						this.login()
					}
				}


				// for (var i in this.list) {
				// 	if (this.list[i].check == true) {
				// 		this.id = this.list[i].id
				// 	}
				// }
				// console.log(this.id)



				// if (this.platevalue == '') {
				// 	uni.showToast({
				// 		icon: 'none',
				// 		title: '请输入车牌',
				// 		duration: 2000
				// 	});
				// } else if (this.checked == false) {
				// 	uni.showToast({
				// 		icon: 'none',
				// 		title: '请勾选协议条款',
				// 		duration: 2000
				// 	});
				// } else {
				// 	uni.showLoading({
				// 		title: "授权中",
				// 		mask: true
				// 	})
				// 	etcpx({
				// 		vehicleColor: this.id,
				// 		vehiclePlate: this.platevalue.value
				// 	}).then((res) => {
				// 		uni.hideLoading()
				// 		console.log(res)
				// 		if(res.data!=''&&res.data!=null){
				// 			this.mobile = res.data.phone
				// 			this.transactionId = res.data.transactionId

				// 			this.getCodeText = "发送中..." //发送验证码
				// 			this.getCodeisWaiting = true;
				// 			setTimeout(() => {
				// 				//this.$common.msg('验证码已发送')
				// 				uni.showToast({
				// 					title: '验证码已发送',
				// 					icon: "none"
				// 				}); //弹出提示框
				// 				this.setTimer(); //调用定时器方法
				// 			}, 1000)
				// 			this.flagg = true
				// 		}else{
				// 			uni.showToast({
				// 				title:res.msg,
				// 				icon: "none"
				// 			}); 
				// 		}




				// 	}).catch((err) => {
				// 		console.log(err)
				// 		this.show = true
				// 		uni.hideLoading()




				// 	})

				// }


			}
		}
	}
</script>

<style>
	.boss {
		display: flex;
		padding: 20rpx;
	}

	.boxs {
		position: relative;
		height: 100%;
	}

	.adbox {
		position: fixed;
		bottom: 25%;
		right: 0;
		width: 100rpx;
		height: 100rpx;
		z-index: 9999;
	}

	.box {
		width: 100%;
		text-align: center;

		background: #FFFFFF;
		height: 350rpx;
		border-radius: 28rpx 28rpx 0rpx 0rpx;
		z-index: 2;
		margin-top: -358rpx;
		padding-top: 40rpx;
	}

	.plate {
		padding: 20rpx 22rpx 0 22rpx;
		font-weight: bold;
	}

	.columnx {
		position: relative;
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;

		padding: 20rpx 22rpx 22rpx 22rpx;
	}

	.bracelet {
		width: 217rpx;
		height: 66rpx;
		margin-top: 20rpx;
	}
</style>